@use "sass:map";
$--colors: (
  "primary": (
    "base": #626aef,
  )
);
// @use "element-plus/theme-chalk/src/index.scss" as *;
@forward "element-plus/theme-chalk/src/dark/var.scss" with (
  $colors: $--colors,
  $border-color: (
    "": #626aef,
    "hover": rgba(98, 106, 239, 0.8),
  ),
  $fill-color: (
    "light": rgba(98, 106, 239, 0.2),
  ),
  $bg-color: (
    "page": #0a0a0a,
    "overlay": #1d1e1f,
  )
);

html.dark {
  --dark-color: #626aef;
  --dark-color-box:#030643;
  --dark-color-hover: #202020;
  --dark-opacity: 0.5;
  --dark-boxshadow: var(--boxsd-006) var(--dark-color);
  --dark-shadow-004f2:var(--boxsd-001a1) var(--dark-color);
  --dark-shadow-004d4:var(--boxsd-001a1) var(--dark-color-box);
  --dark-shadow-001ad4:var(--boxsd-001a) var(--dark-color-box);
  --box-back-color:#000000;
  --page-background: #202020;
  --hover-color: var(--dark-color-hover);
 --el-menu-hover-bg-color: var(--dark-color-hover);
 --border-color:#333333;
}
